<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>layuiAdmin 后台管理员</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" th:href="@{/layuiadmin/layui/css/layui.css}" media="all">
	<link rel="stylesheet" th:href="@{/layuiadmin/style/admin.css}" media="all">
	<style>
		.layui-table-cell {
			height: auto;
			line-height: 30px;
		}
	</style>
</head>

<body>
<div class="layui-fluid">
	<div class="layui-card">
		<form action="" id="searchForm">
			<div class="layui-form layui-card-header layuiadmin-card-header-auto">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">掩码手机号：</label>
						<div class="layui-input-block">
							<input type="text" name="mobile" placeholder="请输入1xx****xxxx掩码手机号" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<button type="button" class="layui-btn layui-btn-primary" lay-submit lay-filter="search" id="search">
							<i class="layui-icon  layui-icon-search layuiadmin-button-btn"></i>
						</button>
					</div>
				</div>
			</div>

		</form>
		用户基础班表[user_base]
		<table class="layui-hide" lay-filter="userBase" id="userBase"></table>
		<br/>
		实名信息表(user_identity)
		<table class="layui-hide" lay-filter="userIdentity" id="userIdentity"></table>
		<br/>
		银行卡信息(bank_card)
		<table class="layui-hide" lay-filter="bankCard" id="bankCard"></table>
		<br/>
		授信记录表(log_user_status)
		<table class="layui-hide" lay-filter="logUserStatus" id="logUserStatus"></table>
		<br/>
		用户额度表(user_account)
		<table class="layui-hide" lay-filter="userAccount" id="userAccount"></table>
		<br/>
		用户借款表(record_loan)
		<table class="layui-hide" lay-filter="recordLoan" id="recordLoan"></table>
	</div>
</div>

<script th:src="@{/layuiadmin/layui/layui.js}"></script>

<script>
	// 用户基础班表[user_base]
	layui.use('table', function () {
		var $ = layui.$;
		var table = layui.table;
		var form = layui.form;
		//借款
		table.render({
			// 表格容器ID
			elem: '#userBase'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'userBase'
			, title: '用户基础信息'
			// 分页 curr起始页，groups连续显示的页码，默认每页显示的条数
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					,{field: 'gid', title: 'gid', width:80, sort: true, fixed: 'left'}
					,{field: 'realName', title: '真实姓名', width:80}
					,{field: 'mobile', title: '手机号', width:80}
					,{field: 'idcardNo', title: '身份证', width:80}
				]
			]
		});
		//实名信息表(user_identity)
		table.render({
			// 表格容器ID
			elem: '#userIdentity'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'userIdentity'
			, title: '实名信息'
			// 分页 curr起始页，groups连续显示的页码，默认每页显示的条数
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					{field: 'gid', title: 'gid', width:80, sort: true, fixed: 'left'}
					,{field: 'realName', title: '真实姓名', width:80}
					,{field: 'idcardNo', title: '身份证', width:80}
					,{field: 'address', title: '地址', width:80}
					,{field: 'gender', title: '性别', width:80}
					,{field: 'issuedBy', title: '签证机关', width:80}
					,{field: 'validStartDate', title: '发证时间', width:80}
					,{field: 'validEndDate', title: '到期时间', width:80}
					,{field: 'optType', title: '操作类型', width:80}
					,{field: 'valid', title: '是否有效', width:80}

				]
			]
		});
		//bankCard
		table.render({
			// 表格容器ID
			elem: '#bankCard'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'bankCard'
			, title: '银行卡'
			// 分页 curr起始页，groups连续显示的页码，默认每页显示的条数
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					{field: 'gid', title: 'gid', width:80, sort: true, fixed: 'left'}
					,{field: 'bankShortName', title: '银行简称', width:80}
					,{field: 'bankCardNo', title: '银行卡号', width:80}
					,{field: 'bankCardNo', title: '银行卡号', width:80}
					,{field: 'mobile', title: '手机号', width:80}
					,{field: 'status', title: '状态', width:80}
					,{field: 'status', title: '状态', width:80}
					,{field: 'failReason', title: '绑卡失败原因', width:80}
					,{field: 'authType', title: '鉴权方式', width:80}
					,{field: 'pactPayStatus', title: '协议支付状态', width:80}
					,{field: 'valid', title: '是否有效', width:80}

				]
			]
		});
		//授信记录表(log_user_status)
		table.render({
			// 表格容器ID
			elem: '#logUserStatus'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'logUserStatus'
			, title: '授信记录表'
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					{field: 'id', title: 'id', width:80, sort: true, fixed: 'left'}
					,{field: 'sceneType', title: '场景类型', width:80}
					,{field: 'completeTime', title: '完成时间', width:80}
					,{field: 'status', title: '状态', width:80}

				]
			]
		});

		//用户额度表(user_account)
		table.render({
			// 表格容器ID
			elem: '#userAccount'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'userAccount'
			, title: '用户额度表'
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					{field: 'id', title: 'id', width:80, sort: true, fixed: 'left'}
					,{field: 'creditAmount', title: '授信额度', width:80}
					,{field: 'currentBorrowedAmount', title: '当前在借总额度', width:80}
					,{field: 'canBorrowAmount', title: '剩余可借额度', width:80}

				]
			]
		});

		//借款记录表(log_user_status)
		table.render({
			// 表格容器ID
			elem: '#recordLoan'
			// 表格ID，必须设置，重载部分需要用到
			, id: 'recordLoan'
			, title: '借款记录表'
			, text: {
				none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
			}
			, skin: 'line' //行边框风格
			, even: true //开启隔行背景
			, size: 'sm' //小尺寸的表格
			, loading: false
			, cols: [
				[
					{field: 'gid', title: 'gid', width:80, sort: true, fixed: 'left'}
					,{field: 'creatTime', title: '创建时间', width:80, sort: true, fixed: 'left'}
					,{field: 'updateTime', title: '更新时间时间', width:80, sort: true, fixed: 'left'}
					,{field: 'loanTime', title: '借款时间', width:80}
					,{field: 'productPeriod', title: '期数', width:80}
					,{field: 'loanAmount', title: '应还本金（分）', width:80}
					,{field: 'loanTotalAmount', title: '应还总金额（分）', width:80}
					,{field: 'loanFee', title: '手续费（分）', width:80}
					,{field: 'loanInterest', title: '利息（分）', width:80}
					,{field: 'loanOverdueFee', title: '逾期费（分）', width:80}
					,{field: 'repaymentAmount', title: '已还金额（分）', width:80}
					,{field: 'repaymentStatus', title: '还款状态', width:80}
					,{field: 'loanRate', title: '年华利率', width:80}
					,{field: 'feeType', title: '计息方式', width:80}
					,{field: 'status', title: '借款状态', width:80}
				]
			]
		});

		//搜索
		form.on('submit(search)', function(data){
			var field = data.field;
			//用户基础信息表
			table.reload('userBase', {
				url: "/grape/user/getUserBaseList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
				, title: '用户基础信息表'
			});
			//实名
			table.reload('userIdentity', {
				url: "/grape/user/getUserIdentityList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
			});

			//银行卡
			table.reload('bankCard', {
				url: "/grape/user/getBankCardList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
			});
			//授信记录
			table.reload('logUserStatus', {
				url: "/grape/user/getLogUserStatusList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
			});

			//额度
			table.reload('userAccount', {
				url: "/grape/user/getUserAccountList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
			});

			//借款记录
			table.reload('recordLoan', {
				url: "/grape/user/getRecordLoanList",
				// 附加参数，post token
				contentType: 'application/json',
				where: field,
				method:'post'
			});

		});

	});

</script>
</body>
</html>

